
/* Demo Page Styles */

.demo-container {width: 120px; float: left;}
.demo-container.right {float: right;}
.demo-container h4 {font-size: 14px;}
.clear {clear: both;}

/* Vertical Mega Menu Styles */
.mega-menu{
font: bold 10px Arial, sans-serif; 
line-height: 10px;
left: -40px;
width: 140px;
position: relative; /* Required */
}
.mega-menu li a {
display: block; 
color: #fff; 
padding: 10px 100px 10px 10px; 
text-shadow: 1px 1px 1px #000; 
text-decoration: none;  
border-top: 1px solid #555; 
border-bottom: 1px solid #222; 
border-right: 1px solid #1B1B1B;
}
.mega-menu li a:hover, .mega-menu li.mega-hover a {
background: activeborder; 
color: #fff; 
border-right: 1px solid #4b4b4b;
}
.mega-menu li a.dc-mega {
position: relative;
}
/* Add arrow icon to parent links */
.mega-menu li a .dc-mega-icon {
display: block; 
position: absolute; 
}
/* Mega menu container */
.mega-menu li .sub-container {
position: absolute; /* Required */
}
.mega-menu li .sub-container .sub {}
.mega-menu li .sub .row {}
.mega-menu li .sub li { 
width: 10px;
height: 20px;
font-size: 1em; 
font-weight: normal;
padding-top: 10px;
}
.mega-menu li .sub li.mega-hdr {}

.mega-menu li .sub a, .mega-menu.left li .sub a {
border: 1px solid gray;
text-shadow: none;
color:white;
text-decoration: none;
margin-left: -50px;
}
.mega-menu li .sub li.mega-hdr a.mega-hdr-a {}
.mega-menu li .sub li.mega-hdr a.mega-hdr-a:hover {}
.mega-menu .sub li.mega-hdr li a {}
.mega-menu .sub li.mega-hdr li a:hover {}
.mega-menu .sub ul li {}